

page-address {
    .null {
        height: 100%;
        padding-top: 20%;
        display: flex;
        flex-direction: column;
        .content {
            img {
                margin-top: 10%;
                width: 40%;
                height: 40%;
                display: block;
                margin: auto;
            }
            span {
                display: block;
                text-align: center;
                color: rgb(138, 138, 138);
            }
        }
        
    }
    .address-list{
         padding-bottom: 20%;

        .content{
               
            .list{
                border-bottom: 10px solid rgb(240,240,240);
                .text {
                    border-bottom: 1px solid rgb(240, 240, 240);

                    display: flex;
                    justify-content: space-between;
                    padding:10px;
                    .info{
                        display: flex;
                        flex-flow: column;
                        span:last-child{
                            margin-top:10px;
                        }
                    }
                    .page{
                        display:flex;
                        span{
                            font-size: 2.5rem;
                            margin: auto 0;
                        }
                    }
                }
                .nature{
                    padding:5px;
                    display: flex;
                    justify-content: space-between;
                    .check{
                        display: flex;
                        .active{
                            border: 1px solid #ff0000;
                            background:url("../assets/imgs/check.png") 100%;
                        }
                        div {
                            height: 22px;
                            display: flex;
                            margin: auto 0;
                            width: 22px;
                            border: 1px solid rgb(200, 200, 200);
                            border-radius: 22px;

                            img{
                                margin: auto 0;

                            }
                        }
                        span{
                            margin: auto 0;
                            margin-left:10px;
                        }
                    }
                    .delete{
                        span {
                            padding: 5px 12px;
                            border: 1px solid rgb(138, 138, 138);
                            border-radius:5px;
                            color:rgb(138, 138, 138);
                            display: block;

                        }
                    }

                    

                }

                
            }
        }
    }

    .button {
        height: 10%;
        color: #fff;
        background: #ff0000;
        width: 100%;
        position: fixed;
        bottom: 0;
        display: flex;
        div {
            margin: auto;
            vertical-align: super;
            span {}
        }
    }

    

    
}

.alert{
    border-top: 1px solid rgb(240, 240, 240);

    
    
    span{
        color: #ff0000;
        width:fit-content;
        margin: auto;

    }
}
.cancel{
    border-top: 5px solid rgb(240, 240, 240);
    padding-top:10px !important;
    span{
        width:fit-content;
        margin: auto;

    }
}
